<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>B站 - 搜索结果</title>
<link rel="stylesheet" type="text/css" href="css/header.css" />
<link rel="stylesheet" type="text/css" href="css/列表.css" />
<link rel="stylesheet" type="text/css" href="css/footer.css" />

</head>
<body>
	<!--标题栏开始-->
	<header>
		<!--左边板块开始-->
		<div class="hleft">
			<!--logo开始-->
			<div class="logo">
				<a href="index.jsp"> <span class="zhuzhan">主站</span>
				</a>
				<!--目录开始-->
				<div class="meun">
					<div class="mleft">
						<a href="./video.do?op=getF&&type=Donghua" class="ms">动画 <span>1996</span></a>
						<a href="./video.do?op=getF&&type=Shenghuo" class="ms">生活 <span>15936</span></a>
						<a href="./video.do?op=getF&&type=Fanju" class="ms">番剧<span>107</span></a>
						<a href="./video.do?op=getF&&type=Guichu" class="ms">鬼畜 <span>110</span></a>
						<a href="./video.do?op=getF&&type=Guochuang" class="ms">国创 <span>154</span></a>
						<a href="./video.do?op=getF&&type=Shishang" class="ms">时尚<span>892</span></a>
						<a href="./video.do?op=getF&&type=Yinyue" class="ms">音乐 <span>3407</span></a>
						<a href="./video.do?op=getF&&type=Guanggao" class="ms">广告 <span>83</span></a>
						<a href="./video.do?op=getF&&type=Wudao" class="ms">舞蹈 <span>495</span></a>
						<a href="./video.do?op=getF&&type=Yule" class="ms">娱乐 <span>3363</span></a>
						<a href="./video.do?op=getF&&type=game" class="ms">游戏 <span>17878</span></a>
						<a href="./video.do?op=getF&&type=Yingshi" class="ms">影视<span>2985</span></a>
						<a href="./video.do?op=getF&&type=Keji" class="ms">科技 <span>2746</span></a>
						<a href="./video.do?op=getF&&type=Fangyingting" class="ms">放映厅
							<span class="ls">302</span>
						</a> <a href="./video.do?op=getF&&type=Shuma" class="ms">数码 <span>486</span></a>
					</div>
					<div class="mright">
						<a href="#" class="ms">专栏</a> <a href="#" class="ms">直播</a> <a
							href="#" class="ms">小黑屋</a> <a href="#" class="ms">话题</a> <a
							href="#" class="ms">活动</a> <a href="#" class="ms">赛事</a>

					</div>
				</div>
				<!--目录结束-->
			</div>
			<!--logo结束-->
			<!--左导航开始-->
			<ul>
				<li><a href="#" class="zhuli">番剧</a></li>
				<li class="games"><a href="#" class="zhuli">游戏中心</a>
					<div class="games-1">
						<div class="games-1-left">
							<img src="img/header/gl1.jpg" />
							<p class="ig">妄想破绽</p>
							<a href="#"><img src="img/header/gl2.jpg" title="双生世界" />
								<p>双生世界</p></a> <a href="#"><img src="img/header/gl3.png"
								title="命运-冠" />
								<p>命运-冠</p></a> <a href="#"><img src="img/header/gl4.png"
								title="重装战姬" />
								<p>重装战姬</p></a>
						</div>
						<div class="games-1-right">
							<img src="img/header/xinyou.png" />
							<ul>
								<li><a href="#">逃脱者：困境突围</a><img src="img/header/g1.png" /></li>
								<li><a href="#">泡沫冬景</a><img src="img/header/g2.png" /></li>
								<li><a href="#">站双帕弥什</a><img src="img/header/g3.png" /></li>
								<li><a href="#">大王不高兴</a><img src="img/header/g4.png" /></li>
								<li><a href="#">阴阳师：百闻啤</a><img src="img/header/g5.png" /></li>
								<li><a href="#">公主连结Re:Dive</a><img src="img/header/g6.png" /></li>
								<li><a href="#">Dead Cells</a><img src="img/header/g7.png" /></li>
							</ul>
						</div>
					</div></li>
				<li class="zhibo"><a href="#" class="zhuli">直播</a>
					<div class="zhibo-1">
						<div class="zhibo-1-left">
							<h3>热门直播</h3>
							<div class="zhibo-list">
								<a href="#"><img src="img/header/t1.webp" />
									<div class="zhibo-hover">LIVE</div>
									<p>酸奶EIF</p></a> <a href="#"><img src="img/header/t2.webp" />
									<div class="zhibo-hover">LIVE</div>
									<p>夜落莫言</p></a> <a href="#"><img src="img/header/t3.webp" />
									<div class="zhibo-hover">LIVE</div>
									<p>十二月的...</p></a> <a href="#"><img src="img/header/t4.webp" />
									<div class="zhibo-hover">LIVE</div>
									<p>睡神不醒、</p></a> <a href="#"><img src="img/header/t5.webp" />
									<div class="zhibo-hover">LIVE</div>
									<p>是辞妹o</p></a> <a href="#"><img src="img/header/t6.webp" />
									<div class="zhibo-hover">LIVE</div>
									<p>梦醒三生梦</p></a>
							</div>
						</div>
						<div class="zhibo-1-right">
							<h3>热门活动</h3>
							<div class="zhibo-1-right-tu">
								<img src="img/header/zyt1.jpg" />
							</div>
							<div class="zhibo-1-right-tu">
								<img src="img/header/zyt2.jpg" />
							</div>
						</div>
					</div></li>
				<li><a href="#" class="zhuli">会员购</a></li>
				<li class="manhua"><a href="#" class="zhuli">漫画</a>
					<div class="manhua-1">
						<div class="manhua-1-left">
							<div class="manhuadiv">
								<img src="img/header/man1.png" title="我的英雄学院" />
								<p>我的英雄学院</p>
							</div>
							<div class="manhuadiv">
								<img src="img/header/man2.png" title="鬼灭之刃" />
								<p>鬼灭之刃</p>
							</div>
							<div class="manhuadiv">
								<img src="img/header/man3.jpg" title="刀剑神域" />
								<p>刀剑神域</p>
							</div>
							<div class="manhuadiv">
								<img src="img/header/man4.jpg" title="天官赐福" />
								<p>天官赐福</p>
							</div>
						</div>
						<div class="manhua-1-right">
							<p>人气漫画</p>
							<ol>
								<li class="mname"><a href="#">鬼灭之刃</a><img
									src="img/header/mname1.jpg" /></li>
								<li class="mname"><a href="#">BEASTERS 动物...</a><img
									src="img/header/mname2.jpg" /></li>
								<li class="mname"><a href="#">入间同学入魔了!</a><img
									src="img/header/mname3.jpg" /></li>
								<li class="mname"><a href="#">幽冥诡匠</a><img
									src="img/header/mname4.jpg" /></li>
								<li class="mname"><a href="#">租借女友</a><img
									src="img/header/mname5.jpg" /></li>
								<li class="mname"><a href="#">天官赐福</a><img
									src="img/header/mname6.jpg" /></li>
							</ol>
						</div>
					</div></li>
				<li><a href="#" class="zhuli">赛事</a></li>
				<li class="BML"><a href="#" class="zhuli">BML</a>
					<div class="bml-1">
						<a href="#"><img src="img/header/bml1.webp"
							title="BML广州赛预售开启!" />
							<p>BML广州赛预售开启!</p></a> <a href="#" class="bml-1-2"><img
							src="img/header/bml2.webp" title="BilibiliWorld成都" />
							<p>BilibiliWorld成都</p></a>
					</div></li>
				<li class="xiazai"><a href="#" class="zhuli">下载APP</a>
					<div class="xiazaiapp"></div></li>
			</ul>
			<!--左导航结束-->
		</div>
		<!--左边板块结束-->
		<!--右边板块开始-->
		<div id="userJ" class="hright">
			<div class="tou">
				<a href="#"><img src="img/header/tou.webp" class="tou-img" /></a>
				<div class="tou-1">
					<p class="tou-p">${user.getName()}</p>
					<div class="tdiv-1">
						· <span class="szuo">等级 ${user.getRank()}</span> <span
							class="syou">8870 / 10800</span> <img src="img/header/xian.png" />
						<div class="tdiv-1-1">
							<p class="p-title">作为LV4，你可以：</p>
							<p>1、发射高级弹幕（彩色、高级、顶部、底部）</p>
							<p>2、参与视频互动（评论、添加、Tag）</p>
							<p>3、投稿成为偶像</p>
							<a href="#">会员等级相关说明&nbsp;&nbsp;&nbsp;&nbsp;></a>
						</div>
					</div>
					<div class="tdiv-2">
						<span><img src="img/header/t2-2.png" />683.0</span> <span><img
							src="img/header/t2-1.png" />0</span> <img src="img/header/t2-3.png" />
					</div>
					<div class="tdiv-3">
						<div class="tdiv-3-1">
							<span>关注</span>
							<p>166</p>
						</div>
						<div class="tdiv-3-1">
							<span>粉丝</span>
							<p>0</p>
						</div>
						<div class="tdiv-3-1">
							<span>动态</span>
							<p>0</p>
						</div>
					</div>
					<ul id="tou-ul">
						<li id="tli"><a href="#">个人中心</a></li>
						<li id="tli"><a href="#">投稿管理</a></li>
						<li id="tli"><a href="#">B币钱包</a></li>
						<li id="tli"><a href="#">订单中心</a></li>
						<li id="tli"><a href="#">直播中心</a></li>
						<li id="tli"><a href="#">我的课程</a></li>
					</ul>
					<div class="tdiv-4">
						语言：简体中文 <img src="img/header/tjian.png" />
						<div class="tdiv-4-1">
							<ul>
								<li class="tdiv-4-shang">简体中文 <img
									src="img/header/tgou.png" /></li>
								<li>繁体中文</li>
							</ul>
						</div>
					</div>
					<div class="tdiv-5">
						<form id="log1" action="./ajaxuser.do?op=loginOpen" method="post">

						</form>
						<div id="endLog" class="tdiv-5-1">退出</div>
					</div>
				</div>
			</div>
			<ul class="rul">
				<li class="xiaoxi"><a href="#">消息</a>
					<div class="xiaoxi-1">
						<ul>
							<li><a href="#">回复我的</a></li>
							<li><a href="#">@我的</a></li>
							<li><a href="#">收到的赞</a></li>
							<li><a href="#">系统通知</a><img src="img/header/one.png" /></li>
							<li><a href="#">我的消息</a></li>
						</ul>
					</div> <img src="img/header/one.png" /></li>
				<li class="dongtai"><a href="#">动态</a>
					<div class="dongtai-1">
						<div class="dongtai-1-top">
							<span>视频动态</span>
						</div>
						<div class="dongtai-1-bottom"></div>
					</div></li>
				<li class="shoucang"><a href="#">收藏</a>
					<div class="shoucang-1">
						<div class="shoucang-1-left">
							<div class="scl-shang">
								默认收藏夹&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;32</div>
							<!-- <div class="scl-xia">
								稍后再看&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0
							</div> -->
						</div>
						<div class="shoucang-1-right">
							<div class="scr-shang">
								<div class="spdiv">
									<img src="img/header/ls8.webp" /> <span>01:09</span>
									<p class="pshang">【短的发布会】花最少的钱感受最全苹果全家桶？ 华为MatePad Pro...</p>
									<p class="pxia">短的发布会</p>
								</div>
							</div>

						</div>
					</div></li>
				<li class="lishi"><a href="#">历史</a>
					<div class="lishi-1">
						<div class="lishi-1-top">
							<p>
								<span class="zhuan1">视频历史</span><span class="zhuan2">专栏</span>
							</p>
						</div>
						<div class="lishi-1-bottom">
							<p>今天</p>
							<div class="spdiv">
								<img src="img/header/ls1.webp" />
								<p class="pshang">【短的发布会】花最少的钱感受最全苹果全家桶？ 华为MatePad Pro...</p>
								<p class="pxia">短的发布会&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;今天 13:00</p>
							</div>

						</div>
					</div></li>
				<li><a href="#">创作中心</a></li>
			</ul>
			<div class="tougao">
				<a href="#">投稿</a>
				<div class="tougao-1">
					<ul>
						<li><a href="#"><img src="img/header/tg1.png" />专栏投稿</a></li>
						<li><a href="#"><img src="img/header/tg2.png" />音频投稿</a></li>
						<li><a id="btnclick" href="#"><img
								src="img/header/tg3.png" />视频投稿</a></li>
					</ul>
				</div>
			</div>

		</div>
		<!--右边板块结束-->
	</header>
	<!--标题栏结束-->
	<!--列表栏开始-->
	<div class="liebiao">
		<div class="liebiao-1">
			<img src="img/liebiao/sousuo.png" />
			<form id="getF" action="./video.do" method="post">
				<input type="text" name="title" value="" /> <input id="getB"
					type="button" value="搜索" /> <input type="hidden" name="op"
					value="getF" />
			</form>
		</div>
		<ul class="lb-mulu" id="lb">
			<li class="zhonghe"><a href="#">综合</a></li>
			<li><a href="#">视频<span>99+</span></a></li>
			<li><a href="#">番剧<span>1</span></a></li>
			<li><a href="#">影视<span>19</span></a></li>
			<li><a href="#">直播<span>32</span></a></li>
			<li><a href="#">专栏<span>99+</span></a></li>
			<li><a href="#">话题<span>99+</span></a></li>
			<li><a href="#">用户<span>99+</span></a></li>
			<li><a href="#">相簿<span>99+</span></a></li>
			<li class="xian"></li>
		</ul>
		<div class="liebiao-2">
			<ul>
				<li><a href="#">综合排序</a></li>
				<li><a href="#">点击最多</a></li>
				<li><a href="#">最新发布</a></li>
				<li><a href="#">最多弹幕</a></li>
				<li><a href="#">最多收藏</a></li>
			</ul>
			<ul>
				<li><a href="#">全部时长</a></li>
				<li><a href="#">10分钟以下</a></li>
				<li><a href="#">10-30分钟</a></li>
				<li><a href="#">30-60分钟</a></li>
				<li><a href="#">60分钟以上</a></li>
			</ul>
			<ul class="liebiao-2-xia">
				<li><a href="#">全部分区</a></li>
				<li><a href="#">动画</a></li>
				<li><a href="#">番剧</a></li>
				<li><a href="#">国创</a></li>
				<li><a href="#">音乐</a></li>
				<li><a href="#">舞蹈</a></li>
				<li><a href="#">游戏</a></li>
				<li><a href="#">科技</a></li>
				<li><a href="#">数码</a></li>
				<li><a href="#">生活</a></li>
				<li><a href="#">鬼畜</a></li>
				<li><a href="#">时尚</a></li>
				<li><a href="#">广告</a></li>
				<li><a href="#">娱乐</a></li>
				<li><a href="#">影视</a></li>
				<li><a href="#">纪录片</a></li>
				<li><a href="#">电影</a></li>
				<li><a href="#">电视剧</a></li>
			</ul>
			<div class="liebiao-2-tu-1"></div>
			<div class="liebiao-2-tu-2"></div>
			<a href="#" class="shouqi">收起<img src="img/liebiao/jiantou.png"
				alt="" /></a>
		</div>
		<ul class="lb-zhengwen">
			<c:forEach items="${list}" var="a" end="20" varStatus="status">
				<li>
					<div class="lb-1">
						<a href="video.do?op=play&id=${a.getId()}"><img
							src="${a.getCover()}" title="【Lex】B站历史上意义最重大的10部动画！"
							class="lb-1-img-1" /></a> <span>03:36</span> <img
							src="img/liebiao/shijian.png" class="lb-1-img-2" />
					</div>
					<div class="lb-2">
						<a href="video.do?op=play&id=${a.getId()}" class="lb-title"><span>${a.getTitle()}</span>
						</a>
					</div> <span class="lb-left"> ${a.getPlayvolume()} </span> <span
					class="lb-right">${a.getCreatetime()}</span> <br /> <a href="#"
					class="lb-up">${a.getUsername()}</a>
				</li>
			</c:forEach>
		</ul>
		<div class="pager">
			<ul class="lb-biao">
				<li><a href="#">1</a></li>
				<!-- 	<li><a href="#">2</a></li>
				<li><a href="#">3</a></li>
				<li><a href="#">4</a></li>
				<li><a href="#">5</a></li>
				<li><a href="#">6</a></li>
				<li><a href="#">7</a></li>
				<li><a href="#">...</a></li>
				<li><a href="#">50</a></li>
				<li><a href="#">下一页</a></li> -->
			</ul>
		</div>
	</div>
	<!--列表栏结束-->
	<!--版权栏开始-->
	<footer>
		<div class="footer-top">
			<div class="footer-top-1">
				<h3>bilibili</h3>
				<ul>
					<li><a href="#">关于我们</a></li>
					<li><a href="#">加入我们</a></li>
					<li><a href="#">bilibili认证</a></li>
					<li><a href="#">联系我们</a></li>
					<li><a href="#">友情链接</a></li>
					<li><a href="#">Investor Relations</a></li>
				</ul>
			</div>
			<div class="footer-top-2">
				<h3>传送门</h3>
				<ul>
					<li><a href="#">帮助中心</a></li>
					<li><a href="#">侵权申诉</a></li>
					<li><a href="#">壁纸站</a></li>
					<li><a href="#">高级弹幕</a></li>
					<li><a href="#">活动中心</a></li>
					<li><a href="#">专车号服务中心</a></li>
					<li><a href="#">活动专题页</a></li>
					<li><a href="#">用户反馈论坛</a></li>
					<li><a href="#">名人堂</a></li>
				</ul>
			</div>
			<div class="footer-top-3">
				<ul>
					<li><a href="#"> <img src="img/footer/f1.png"
							class="f-img-zuo" />
							<p>客户端下载</p> <img src="img/footer/f4.png" class="f-img-you" />
					</a></li>
					<li><a href="#"> <img src="img/footer/f2.png"
							class="f-img-zuo" />
							<p>新浪微博</p> <img src="img/footer/f5.png" class="f-img-you" />
					</a></li>
					<li><a href="#"> <img src="img/footer/f3.png"
							class="f-img-zuo" />
							<p>官方微信</p> <img src="img/footer/f6.png" class="f-img-you f-da" />
					</a></li>
				</ul>
			</div>
		</div>
		<div class="footer-bottom">
			<div class="footer-bottom-left">
				<img src="img/footer/bq1.png" /> <img src="img/footer/bq2.png" />
				<img src="img/footer/bq3.png" id="fimg" />
			</div>
			<div class="footer-bottom-right">
				<p>广播电视节目制作经营许可证：（沪）字第1248号|网络文化经营许可证：沪网文【2016】2296-134号|信息网络传播视听节目许可证：0910417</p>
				<p>
					互联网ICP备案：<a href="#">沪ICP备13002172号-3</a>沪ICP证：沪B2-20100043
					|违法不良信息举报邮箱：help@bilibili.com |违法不良信息举报电话：4000233233转3 | <a
						href="#">营业执照</a>
				</p>
				<p>
					<img src="img/footer/fp1.png" /><a href="#">上海互联网举报中心</a> | <a
						href="#">12318全国文化市场举报网站 </a>| <img src="img/footer/fp2.png" /><a
						href="#">沪公网安备31011002002436号</a> | <a href="#">儿童色情信息举报专区</a>
				</p>
				<p>
					网上有害信息举报专区：<img src="img/footer/fp3.png" /><a href="#">中国互联网违法和不良信息举报中心</a>
				</p>
				<p>亲爱的市民朋友，上海警方反诈劝阻电话“962110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听。</p>
				<p>公司名称：上海宽娱数码科技有限公司|公司地址：上海市杨浦区政立路485号|电话：021-25099888</p>
			</div>
			<div class="huojian">
				<a href="#"><img src="img/footer/huojian.png" /></a>
			</div>
		</div>
	</footer>

	<div class="modal fade" id="NoPermissionModal">
		<div class="modal-dialog modal-lg">
			<div class="modal-content" style="height: 700px">

				<div class="modal-body" style="height: 600px">
					<iframe id="NoPermissioniframe" width="100%" height="90%"
						frameborder="0"></iframe>
				</div>
				<div class="modal-footer">
					<button id="clo" class="btn btn-primary" type="button"> 关  闭</button>
				</div>
			</div>
		</div>
	</div>



	<script src="static/js/jquery-3.5.1/jquery-3.5.1.min.js"></script>

	<script src="static/bootstrap/js/bootstrap.js"></script>
	<!--版权栏结束-->
	<script src="js/xian.js"></script>
	<script src="js/changeimg.js"></script>
	<script src="js/changeimg-dong.js"></script>

	<script type="text/javascript">
		$("#getB").click(function() {
			$('#getF').submit();
		});
	</script>


	<script type="text/javascript">
		$(function() {
			$("#btnclick").click(function() {
				var frameSrc = "ezf/upload.jsp";
				$("#NoPermissioniframe").attr("src", frameSrc);
				$('#NoPermissionModal').modal({
					show : true,
					backdrop : 'static'
				});
			});
		});

		$("#clo").click(function() {
			$("#NoPermissionModal").modal('hide');
		})
	</script>
</body>
</html>
